<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/ProductsConten.css">
    <title>产品详细</title>
</head>
<body>
    <div class="wrap">
        <header>
            <nav>
                <div class="left">
                    <p>Back</p>
                </div>
                <div class="mid"><p>分类</p></div>
                <div class="right">
                    <i class="iconfont icon-shoucangjia"></i>
                </div>
            </nav>
            <div class="banner">
                <ul>
                    <li><img src="./img/banner.png" alt=""></li>
                    <li><img src="./img/banner.png" alt=""></li>
                    <li><img src="./img/banner.png" alt=""></li>
                </ul>
                   
            </div>
        </header>
        <main>
            <div class="content">
                <div class="price">
                    <p>￥32</p>
                    <button>购买</button>
                </div>
                <div class="evaluate">
                   <div class="left"><i class="iconfont icon-shoucangjia"></i>&nbsp;&nbsp;好评度<span>99%</span></div>
                   <div class="right">共605个评价></div>
                </div>
                <div class="conbox">
                    <div class="conboxTitle">
                        <div class="left">适用商户</div>
                        <div class="right">></div>
                    </div>
                    <div class="box">
                        <div class="left">
                            <img src="./img/shop1.png" alt="">
                            <p>
                                正佳店
                            </p>
                        </div>
                        <div class="mid">
                            <p>万岁寿司（正佳店）</p>
                            <p><i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <span>10分</span>
                            </p>
                            <p>离你100m</p>
                            <p>查看详情&gt;&gt;</p>
                        </div>
                        <div class="right"><button>进入</button></div>
                    </div>
                    <div class="box">
                        <div class="left">
                            <img src="./img/shop1.png" alt="">
                            <p>
                                体育西路
                            </p>
                        </div>
                        <div class="mid">
                            <p>万岁寿司（体育西路）</p>
                            <p><i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <span>10分</span>
                            </p>
                            <p>离你100m</p>
                            <p>查看详情&gt;&gt;</p>
                        </div>
                        <div class="right"><button>进入</button></div>
                    </div>
                    <div class="box">
                        <div class="left">
                            <img src="./img/shop1.png" alt="">
                            <p>
                                正佳店
                            </p>
                        </div>
                        <div class="mid">
                            <p>万岁寿司（正佳店）</p>
                            <p><i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <i class="iconfont icon-shoucangjia"></i>
                                <span>10分</span>
                            </p>
                            <p>离你100m</p>
                            <p>查看详情&gt;&gt;</p>
                        </div>
                        <div class="right"><button>进入</button></div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <nav>
                <ul>
                    <li>
                        <div class="box">
                            <a href="index.html">
                            <i class="iconfont icon-shouye"></i><p>首页</p>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <a href="sort.html">
                            <i class="iconfont icon-fenlei1"></i><p>分类</p>
                        </a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <a href="find.html  ">
                            <i class="iconfont icon-zhinanzhen_o"></i><p>发现</p>
                        </a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <a href="my.html">
                            <i class="iconfont icon-31wode"></i><p>我的</p>
                            </a>
                        </div>
                    </li>
                </ul>
            </nav>
        </footer>
    </div>
</body>
</html>